// Signal Time 表格
import { useState } from "react";
import PropTypes from "prop-types";
// @mui material components
import Card from "@mui/material/Card";
import Icon from "@mui/material/Icon";
import AppBar from "@mui/material/AppBar";
import Tabs from "@mui/material/Tabs";
import Tab from "@mui/material/Tab";
import LoopIcon from "@mui/icons-material/Loop";
// Soft UI Dashboard PRO React components
import SoftBox from "components/SoftBox";
import SoftTypography from "components/SoftTypography";
import SoftSelect from "components/SoftSelect";
import SoftButton from "components/SoftButton";

// Soft UI Dashboard PRO React example components
import DataTable from "examples/Tables/DataTable";
export default function SignalTimeTable() {
  const dataTableData = {
    columns: [
      { Header: "#", accessor: "index" },
      {
        Header: "Signal Time",
        accessor: "signalTime",
      },
      { Header: "Current Price", accessor: "currentPrice" },
      { Header: "Signal Price", accessor: "signalPrice" },
      { Header: "Action", accessor: "action" },
      { Header: "Signal Interval", accessor: "signalInterval" },
    ],
    rows: [
      {
        index: "1",
        currentPrice: "$ 67008.67",
        signalPrice: "$10",
        action: "Visa",
        signalInterval: "12/04/2020",
        signalTime: "Delivered",
      },
    ],
  };
  return (
    <SoftBox>
      <Card>
        <SoftBox display="flex" justifyContent="space-between" alignItems="center" p={3}>
          <SoftBox lineHeight={1}>
            <SoftTypography variant="h5" fontWeight="medium">
              Signal Time
            </SoftTypography>
            <SoftTypography variant="button" fontWeight="regular" color="text">
              Data is calculated as the Profit and Loss of $10,000 invested in crypto markets with
              strict adherence to our Signal Prices, starting at Signal Price #1.
            </SoftTypography>
          </SoftBox>
          <SoftBox display="flex" alignItems="center">
            <SoftButton variant="outlined" color="dark" iconOnly>
              <LoopIcon></LoopIcon>
            </SoftButton>
          </SoftBox>
        </SoftBox>
        <DataTable table={dataTableData} entriesPerPage={false} />
      </Card>
    </SoftBox>
  );
}
